<!DOCTYPE html>
<html lang="zh">
<head>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>输入口令</title>
    <link href="css/main.css" rel="stylesheet" type="text/css"/>
</head>
<body id="srkl">
    <div class="container" >
        <div class="rpBox">
            <div class="seal">
                <img class="klhb" src="images/redPacket/klhb.png" />
                <img class="bg" src="images/redPacket/gaizi02.png" />
            </div>
            <div class="input">
                <input type="text" placeholder="请输入红包口令" />
            </div>
            <div class="btn-rp">
                领取红包
            </div>
            <img class="guize" src="images/redPacket/guize.png">
        </div>

    </div>
    <script src="js/rem.js"></script>
    <script src="js/jquery.js"></script>
    <script src="libs/layer_mobile/layer.js"></script>
    <script>
        $(function () {
            $(".guize").click(function (e) {
                e.stopPropagation()
                layer.open({
                    title: [
                        '活动规则',
                        'background-color: #F5F5F5; color:#838383;text-align: left;'
                    ]
                    ,content: '<p style="text-align: left">标题风格任你定义标题风格任你定义标题风格任你定义标题风格任你定义标题风格任你定义标题风格任你定义标题风格任你定义标题风格任你定义标题风格任你定义标题风格任你定义标题风格任你定义标题风格任你定义标题风格任你定义标题风格任你定义标题风格任你定义标题风格任你定义标题风格任你定义标题风格任你定义标题风格任你定义标题风格任你定义标题风格任你定义标题风格任你定义标题风格任你定义。</p>'
                });
            })
        })
    </script>
</body>
</html>